import { getChannelListAPI } from "@/apis/article";
import { useEffect, useState } from "react";

// 封装获取频道列表数据的hook函数
export default function () {
  // 下拉列表框频道数据
  const [channelList, setChannelList] = useState([]);

  // 获取频道列表数据并存储
  const getChannelList = async () => {
    const result = await getChannelListAPI();
    setChannelList(
      //转换为Select组件options属性所需类型
      result.data.channels.map((item) => {
        return {
          label: item.name, // 下拉列表框显示的文字
          value: item.id, // 下拉列表框的值
        };
      })
    );
  };
  // 组件渲染完毕获取频道列表数据
  useEffect(() => {
    getChannelList();
  }, []);

  // 返回数据
  return { channelList };
}
